<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>兑换 - 娃娃Get抓娃娃</title>


    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/js/swiper-4.4.2/swiper.min.css" />
    <link rel="stylesheet" href="assets/css/sweetalert.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

    <script src="assets/js/jquery.slim.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper-4.4.2/swiper.min.js"></script>
    <script src="assets/js/sweetalert.min.js"></script>
    <script src="assets/js/common.js"></script>




</head>
<body class="main-color">

<!--start goods list -->
<div class="container goods-list">
    <!--start goods item-->
    <div class="goods-item flex">
        <img src="assets/images/doll.png" alt="" class="goods-thumb">
        <div class="goods-info">
            <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            <div class="goods-price-number">
                <div class="flex flex-middle"><span class="icon-gold"></span> <span class="inline">30</span></div>
            </div>
        </div>
    </div>
    <!--end goods item-->

    <!--start goods item-->
    <div class="goods-item flex">
        <img src="" alt="" class="goods-thumb">
        <div class="goods-info">
            <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            <div class="goods-price-number flex">
                <div class="flex flex-middle"><span class="icon-gold"></span> <span class="inline">30</span></div>
            </div>
        </div>
    </div>
    <!--end goods item-->

    <!--start goods item-->
    <div class="goods-item flex">
        <img src="assets/images/doll.png" alt="" class="goods-thumb">
        <div class="goods-info">
            <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            <div class="goods-price-number flex">
                <div class="flex flex-middle"><span class="icon-gold"></span> <span class="inline">30</span></div>
            </div>
        </div>
    </div>
    <!--end goods item-->

    <!--start goods item-->
    <div class="goods-item flex">
        <img src="" alt="" class="goods-thumb">
        <div class="goods-info">
            <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            <div class="goods-price-number flex">
                <div class="flex flex-middle"><span class="icon-gold"></span> <span class="inline">30</span></div>
            </div>
        </div>
    </div>
    <!--end goods item-->
</div>
<!--end goods list -->


<div class="container confirm-total-info">
    <div class="item flex">
        <div class="tip "><span class="black bold">当前我的G币</span></div>
        <div>102 <span class="icon-gold"></span></div>
    </div>
    <div class="item flex">
        <div class="tip "><span class="black bold">兑换的G币</span></div>
        <div>102 <span class="icon-gold"></span></div>
    </div>
</div>



<div class="container confirm-total-info">
    <div class="item">
        <div class="tip total-tip">备注</div>
        <textarea class="order-note" name="note" id="note" placeholder="可输入150字内的备注信息"></textarea>
    </div>
</div>

<div class="main-btn pay-match-color">兑换</div>

</body>


<script>
    $(function(){


        //支付操作
        $('.main-btn').click(function(){
            console.log('do something');


            swal('',' 兑换成功(3s go....)','success');
            setTimeout(function() {
                location.href="order.html"
            },3000)

        })

    })



</script>














</html>